%inline-block{
	display:inline-block;
	*display:inline;
	*zoom:1;
}
$imgurl-base: "../../newimages/center";
.wrapper{
	width:1170px;
	margin:0 auto;
}
header .center-header{
	background: #1a58c8;
	height: 108px;
	width: 100%;	
	min-width:1170px;
	font-size: 20px;
	color:#fff;
	.logo{
		@extend %inline-block;
		margin-left: 17px;
		margin-top:22px;
	}
	ul{
		@extend %inline-block;
		vertical-align: top;
		margin-top:47px;
		padding-left: 82px;
		li{
			@extend %inline-block;
			margin-right: 46px;
			cursor:pointer;
		}
		%i{
			position: relative;
			@extend %inline-block;
		}
		.setting{
			position: relative;
			i{
				@extend %i;
				top: -3px;
				left: 8px;
				width: 11px;
				height: 6px;
				background: url(#{$imgurl-base}/icon-arrow-bottom.png);
			}
		}
		.msg{
			position: relative;
			i{
				@extend %i;
				top: 1px;
				left: 8px;
				width: 23px;
				height: 15px;
				background: url(#{$imgurl-base}/icon-email.png);
			}
			.count{
				position: relative;
				left:15px;
			}
		}
	}
	.search-box{
		position: relative;
		width: 328px;
		height: 42px;
		float: right;
		background: #fff;
		margin:35px 10px 0 0;
		input{
			border:none;
			width: 260px;
			height: 20px;
			line-height: 20px;
			padding:11px 10px;
			font-size:16px;
		}
		i{
			display: block;
			position: absolute;
			top: 12px;
			right: 12px;
			width: 19px;
			height: 19px;
			background: url(#{$imgurl-base}/icon-search.png);
		}
		a{
			display: block;
			width: 100%;
			height: 100%;
			text-indent:-9999px;
		}
	}
}